<template>
  <div class="auth-layout">
    <!-- 简约的认证页面布局 -->
    <div class="w-[85%] flex justify-center items-center">
      <div class="w-1/2 text-center">
        <img src="@/assets/images/login/left.png" alt="" style="max-width: 100%" />
      </div>
      <div class="w-1/2 flex justify-center">
        <router-view />
      <!-- 这里渲染登录/注册等页面 -->
      </div>
    </div>
  </div>
  
</template>
<script setup lang="ts">
import { useAppStore } from "@/stores/app";
const appStore = useAppStore();
</script>
<style scoped>
.auth-layout {
  /* 认证页专用样式 */
  height: 100vh;
  background-color: #113876;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("../../assets/images/login/bg.webp");
  background-size: cover;
  background-repeat: no-repeat;
}
</style>
